<!--  -->
<template>
	<div class="btn_box">
		<div class="btn" @click="clickFN">
			<span>自定义按钮</span>
		</div>
	</div>
</template>

<script>
	import { Toast, ActionSheet } from "vant";

	export default {
		data() {
			return {
				name: 'btn',
				num: 0,
			};
		},
		watch: {},
		computed: {},
		components: {},
		beforeRouteEnter(to, from, next) {
			next();
		},
		beforeRouteLeave(to, from, next) {
			next();
		},
		activated() {},
		deactivated() {},
		created() {},
		mounted() {},
		methods: {
			clickFN() {
				this.num++;
				console.log('自定义按钮, ' + 'num:' + this.num)
			},
		}
	};
</script>

<style lang='scss' scoped>
	@import "~@/assets/css/mixin";
	.btn_box {
		padding: 0 rem(20);
		.btn {
			height: rem(50);
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: rem(80);
			background: #999;
			span {
				font-size: rem(28);
				color: #fff;
			}
		}
	}
</style>